<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>首页</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="/css/fileinput.min.css"/>
    <link rel="stylesheet" href="/css/index.css"/>
</head>
<body>
    <!--BEGIN main-->
    <div class="main">
        <div class="main-inner">
            <div class="main-panel">
                <div class="panel-menu">
                    <ul class="nav nav-tabs nav-personal" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#home" role="tab" data-toggle="tab">
                                <img src="/img/menu00.png" title="上传App" draggable="false"/>
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#profile" role="tab" data-toggle="tab">
                                <img src="/img/menu11.png" title="测试终端" draggable="false"/>
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#messages" role="tab" data-toggle="tab">
                                <img src="/img/menu12.png" title="开始测试" draggable="false"/>
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#settings" role="tab" data-toggle="tab">
                                <img src="/img/menu13.png" title="测试结果" draggable="false"/>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <div class="content-head">
                    <div class="title-wrap">上传App</div>
                </div>
                <div class="container-fluid content-body">
                    <!-- Tab panes -->
                    <div class="row tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <form enctype="multipart/form-data">
                                        <div class="form-group">
                                            <input id="file-upload" class="file-loading" name="apk-file" type="file"/>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">
                            <div class="panel panel-default col-md-5 col-md-offset-1">
                                <div class="panel-body">
                                    <ul id="myTab" class="nav nav-pills nav-stacked" role="tablist">
                                        <li role="presentation" class="active">
                                            <a href="#parameter" role="tab" data-toggle="pill">App参数</a>
                                        </li>
                                        <li role="presentation">
                                            <a href="#result" role="tab" data-toggle="pill" id="testConnect">测试连接情况</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="panel panel-default col-md-5">
                                <div class="panel-body">
                                    <div class="tab-content">
                                        <div role="tabpanel" class="tab-pane active" id="parameter">
                                            <div class="page-header">
                                                <h3>请输入测试App包路径，如 <small>cn.edu.suda</small></h3>
                                            </div>
                                            <div class="input-group" style="width: 100%">
                                                <input type="text" class="form-control" placeholder="package" required="required"/>
                                            </div>
                                            <div class="page-header">
                                                <h3>请输入测试App的启动activity，如 <small>.MainActivity</small></h3>
                                            </div>
                                            <div class="input-group" style="width: 100%">
                                                <input type="text" class="form-control" placeholder="activity" required="required"/>
                                            </div>
                                            <button type="button" class="btn btn-primary" style="margin: 40px 0;width: 100%;">提交</button>
                                        </div>
                                        <div role="tabpanel" class="tab-pane" id="result">
                                            <img src="/img/screen.png" class="img-responsive img-thumbnail"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="messages">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <a href="#">开始测试</a>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="settings">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    曾梦想仗剑走天涯
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Tab end -->
                </div>
            </div>
        </div>
        <p class="copyright">
            <span>© 2016 - 2018 SUDA. All Rights Reserved</span>
        </p>
    </div>
    <!--END main-->
    <!--BEGIN script-->
    <script src="/js/jquery-3.1.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/fileinput.min.js"></script>
    <script src="/js/zh.js"></script>
    <script src="/js/index.js"></script>
    <!--END script-->
</body>
</html>